<!DOCTYPE html>
<html>

<head>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
  <meta name="format-detection" content="telephone=no">
  <meta name="apple-mobile-web-app-capable" content="yes">
  <title>NewKeer微记录联盟</title>
  <link rel="stylesheet" href="css/reset.css">
  <link href="https://cdn.bootcss.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
  <link type="text/css" rel="stylesheet" media="screen" href="css/details.css">
  <script src="js/common.js" charset="utf-8"></script>
</head>

<body>
  <section class="orientation_set">
    <div>
      <img src="images/orientation.png" width="50" alt="" class='translate'>
      <br>为了更好的体验，请将手机竖屏</div>
  </section>
  <section id="loading">
    <div class="spinner">
      <div class="size"></div>
    </div>
  </section>

  <header>
    <img src="http://pic29.photophoto.cn/20131204/0034034499213463_b.jpg" alt="">
  </header>
  <div class="content-wrapper">
    <div class="sec-one">
      <div class="content-title">
        <h1>人工智能哲学</h1>
        <div class="title-r">
          <i id="share" class="fa fa-share-square-o" aria-hidden="true"></i>
          <i id="like" class="fa fa-star-o" aria-hidden="true"></i>
        </div>
      </div>
      <div class="content">
        <p>
          <span>本课程从人工智能科学发展的科学史概要出发，讨论了哲学思辨和人工智 能研究之间的密切关系，并从人工智能的角度，重新审视了近代欧洲哲学 对于“机器是否能够思维”这个问题的思辨结论。尔后，讨论了</span>
          <a href="javascript:;" class="more-btn">全文 ></a>
        </p>
      </div>
      <div class="price">
        <div class="price-l">
          <span>报名费：</span>
          <span>￥</span>
          <span>319.8</span>
        </div>
        <div class="price-r">
          <span>授课时间：</span>
          <span>2018-02-05 18:00</span>
        </div>
      </div>
    </div>
    <div class="sec-two">
      <ul>
        <li>
          <p class="num">
            <span>200</span>人
          </p>
          <p class="des">
            <span>目标人数</span>
          </p>
        </li>
        <li>
          <p class="num">
            <span>10</span>天
          </p>
          <p class="des">
            <span>剩余时间</span>
          </p>
        </li>
        <li>
          <p class="num">
            <span>100</span>人
          </p>
          <p class="des">
            <span>已报名人数</span>
          </p>
        </li>
      </ul>
    </div>
    <div class="sec-three">
      <div class="tab">
        <div class="details active">课程详情</div>
        <div class="gifts">讲师礼品</div>
      </div>
      <div class="details-wrapper">
        <div class="sec-three-title">
          <div class="sec-three-title-line">
            <span>课程视频</span>
          </div>
        </div>
		<p>这是一段很长很长很长段很长很长很长段很长很长很长段很长很长很长段很长很长很长段很长很长很长段很长很长很长段很长很长很长段很长很长很长段很长很长很长的文字</p>
        <img src="http://img2.imgtn.bdimg.com/it/u=159389783,3102223341&fm=27&gp=0.jpg" alt="">
      </div>
      <div class="gifts-wrapper">
        <div class="sec-three-title">
          <div class="sec-three-title-line">
            <span>课程视频</span>
          </div>
        </div>
		<p>这是一段很长很长很长段很长很长很长段很长很长很长段很长很长很长段很长很长很长段很长很长很长段很长很长很长段很长很长很长段很长很长很长段很长很长很长的文字</p>
        <img src="http://pic29.photophoto.cn/20131204/0034034499213463_b.jpg" alt="">
      </div>
    </div>
  </div>
  <footer>立即报名</footer>
  <script src="js/zepto.min.js" type="text/javascript"></script>
  <script src="js/details.js" charset="utf-8"></script>
</body>

</html>
